Adwaita: whitespace for the grid
authorJakub Steiner <jimmac@gmail.com>
Mon, 14 Sep 2020 09:58:13 +0000 (11:58 +0200)
committerJakub Steiner <jimmac@gmail.com>
Mon, 14 Sep 2020 12:18:52 +0000 (14:18 +0200)
- separate labels
- 12px margins around cells

Fixes https://gitlab.gnome.org/GNOME/gtk/-/issues/3164

gtk/theme/Adwaita/_common.scss

index c0f291478e8f0da5b192b2bd2c70f52954ee4640..789eef45b51b5b422079e8a5b714126dd86170b4 100644 (file)
@@ -137,6 +137,11 @@ gridview {
 
       @extend %selected_items;
     }
+
+    box { //cells
+      border-spacing: 8px; //label separation
+      margin: 12px;
+    }
   }
 }
 
@@ -146,16 +151,6 @@ coverflow cover {
   border: 1px solid black;
 }
 
-.content-view .tile {
-  margin: 2px;
-  background-color: if($variant=='light', transparent, black);
-  border-radius: 0;
-  padding: 0;
-
-  &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); }
-  &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); }
-}
-
 label {
   @include focus-ring();
 
@@ -3799,6 +3794,16 @@ colorchooser .popover.osd { border-radius: 5px; }
 
   &:hover { -gtk-icon-filter: brightness(1.2); }
 
+  .tile {
+    margin: 2px;
+    background-color: if($variant=='light', transparent, black);
+    border-radius: 0;
+    padding: 0;
+
+    &:active, &:selected { background-color: if($variant=='light', transparent, $selected_bg_color); }
+    &:disabled { background-color: if($variant=='light', transparent, $insensitive_bg_color); }
+}
+
   > rubberband { @extend rubberband; }
 
 }